<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>话题</title>
    <style>
    </style>
    <link rel="stylesheet" href="bootstrap-3.3.5-dist/css/mycss.css">
    <link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css">
    <link type="text/css" href="bootstrap-3.3.5-dist/css/zzsc.css" rel="stylesheet" />
</head>
<body id="body11">
<!--导航栏-->
    <nav id="navbar" class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <a class="navbar-brand" href="index.html">
                    <img src="bootstrap-3.3.5-dist/image/logo.png" style="display:block">
                    <span>前端网</span>
                </a>
                <ul id="shortcut_nav" class="nav navbar-nav navbar-right" >
                    <li class="g">
                        <div class="search" action="#" method="post">
                            <input id="nav_search" type="search" value placeholder="搜索">
                        </div>
                    </li>
                    <li>
                        <a href="member.html">登陆</a>
                    </li>
                    <li>
                        <a href="http://www.w3cfuns.com/member/register">注册</a>
                    </li>
                </ul>
            </div>
            <div class="navbar-collapse">
                <ul class="nav navbar-nav">
                    <li><a href="index.html">首页</a></li>
                    <li><a href="notes.html">笔记</a></li>
                    <li class="active"><a href="wht.html">话题</a></li>
                    <li><a href="feed.html">发现</a></li>
                    <li><a href="http://www1.w3cfuns.com/course.php">教程</a></li>
                </ul>
            </div>
        </div>
    </nav>
<!--中间整块内容-->
    <div class="container-fluid">
        <!--背景图加标题-->
        <div class="row">
            <div class="col-xs-12 imgcong">
                <div>
                <img class="huati" src="bootstrap-3.3.5-dist/image/huati.jpg">
                    <!--背景图里的黑框框-->
                    <div id="titlebar11" class="container" style="text-align: center;width: 1480px;">
                        <i id="line"></i>
                        <!--背景图里的文字-->
                        <div class="textarea">
                            <h1 style="margin-top: 0px;text-align: left;">#现在你浮躁吗？如何克服浮躁心态？#</h1>
                            <p>现今这个社会，是一个容易让人浮躁的社会，我们工程师有很多时候比较容易浮躁，那么你是如何克服的？或者还没克服遇到了那些问题？一块听听大家的心声。</p>
                        <div id="eye">
                            <span class="glyphicon glyphicon-eye-open">762</span>
                        </div>
                        </div>
                        <!--背景图里的微博QQ等分享-->
                        <div id="share_btns">
                            <a href="http://service.weibo.com/share/share.php" target="_blank" onmouseover="$(this).tooltip('show')"
                               data-toggle="tooltip" data-placement="top" title=""
                               data-original-title="分享到：新浪微博"><span style="font-size: 16px">新浪</span></a>
                            <a href="http://share.v.t.qq.com/index.php?c=share&a=index&" target="_blank" onmouseover="$(this).tooltip('show')"
                               data-toggle="tooltip" data-placement="top" title=""
                               data-original-title="分享到：腾讯微博"><span style="font-size: 16px">腾讯</span></a>
                            <a href="http://service.weibo.com/share/share.php" target="_blank" onmouseover="$(this).tooltip('show')"
                               data-toggle="tooltip" data-placement="top" title=""
                               data-original-title="分享到：QQ好友"><span style="font-size: 16px">QQ</span></a>
                            <a href="http://service.weibo.com/share/share.php" target="_blank" onmouseover="$(this).tooltip('show')"
                               data-toggle="tooltip" data-placement="top" title=""
                               data-original-title="分享到：QQ空间"><span style="font-size: 16px">空间</span></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--评论和其他东西-->
        <div class="row">
            <!--评论和观点最左边的-->
            <div class="col-xs-12 col-md-9" style="background: #fff;">
                <div class="row">
                    <div class="col-xs-12 col-md-12">
                        <h3 class="titlebar">
                            <span class="glyphicon glyphicon-option-vertical">我说两句</span>
                            <small style="margin-left: 90px;color: #cdcdcd;">以下用户言论只代表其个人观点，不代表 前端网（W3Cfuns） 的观点或立场。</small>
                        </h3>
                    </div>
                    <div class="col-xs-12 col-md-12">
                        <div class="kuang">
                            <div class="kuang1">
                            <a href="member.html" >登陆</a>
                            以后才能发表评论
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-12 col-md-12">
                        <h3 class="titlebar" style="margin-top: 0;">
                            <span style="color:  #6bc30d;;font-size: 20px;">最新</span>观点
                        </h3>
                        <ul class="article_talent11">
                            <li>
                                <div>
                                    <img class="media-left" src="bootstrap-3.3.5-dist/image/789.jpg">
                                    <div class="media-body111">
                                                <span>
                                                    <a href="" target="_blank">母猪赛貂蝉</a>
                                                </span>
                                                <span class="storey">15F</span>
                                                    <p>跑跑步 流汗  看看书</p>
                                                <span class="storey2"><a>支持</a><i>(0)</i></span>
                                                <span class="storey1"><a>回复</a><i>(0)</i></span>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <img class="media-left" src="bootstrap-3.3.5-dist/image/128.jpg">
                                    <div class="media-body111">
                                                <span>
                                                    <a href="" target="_blank">tianxiaofeng747</a>
                                                </span>
                                                <span class="storey">14F</span>
                                                    <p>J想要的太多，得不到，所以浮躁。适当的放空自己</p>
                                        <span class="storey2"><a>支持</a><i>(0)</i></span>
                                        <span class="storey1"><a>回复</a><i>(0)</i></span>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <img class="media-left" src="bootstrap-3.3.5-dist/image/127.jpg">
                                    <div class="media-body111">
                                                <span>
                                                    <a href="" target="_blank">FEAlex</a>
                                                </span>
                                                <span class="storey">13F</span>
                                                    <p>点击右边微话题征集活动http://www.w3cfuns.com/wht/view/id/fb1a352d95ea98ba7e7f3c23fb744d0f.html //@刘雪花：话题是怎么发起的</p>
                                        <span class="storey2"><a>支持</a><i>(0)</i></span>
                                        <span class="storey1"><a>回复</a><i>(0)</i></span>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <img class="media-left" src="bootstrap-3.3.5-dist/image/00.jpg">
                                    <div class="media-body111">
                                                <span>
                                                    <a href="" target="_blank">前端儿</a>
                                                </span>
                                                <span class="storey">12F</span>
                                                   <p>浮躁时看看书</p>
                                        <span class="storey2"><a>支持</a><i>(0)</i></span>
                                        <span class="storey1"><a>回复</a><i>(0)</i></span>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <img class="media-left" src="bootstrap-3.3.5-dist/image/12.jpg">
                                    <div class="media-body111">
                                                <span>
                                                    <a href="" target="_blank">smile_L</a>
                                                </span>
                                                 <span class="storey">11F</span>
                                                    <p>很！灰常！要学的东西太多了，总是学几天就学不进去了 ，怎么办</p>
                                        <span class="storey2"><a>支持</a><i>(0)</i></span>
                                        <span class="storey1"><a>回复</a><i>(0)</i></span>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <img class="media-left" src="bootstrap-3.3.5-dist/image/44.jpg">
                                    <div class="media-body111">
                                                <span>
                                                    <a href="" target="_blank">hugeannex</a>
                                                </span>
                                                <span class="storey">10F</span>
                                                    <p>挺浮躁的，讲师讲的跟不上 ，有点懵逼  很浮躁</p>
                                        <span class="storey2"><a>支持</a><i>(0)</i></span>
                                        <span class="storey1"><a>回复</a><i>(0)</i></span>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <img class="media-left" src="bootstrap-3.3.5-dist/image/00.jpg">
                                    <div class="media-body111">
                                                <span>
                                                    <a href="" target="_blank">关关之洲6610</a>
                                                </span>
                                                <span class="storey">9F</span>
                                                    <p>那得想个招啊，老心烦影响效率的。。 //@smile_L：我们组男生都不抽烟，更可悲的是，他们只有上厕所的时候才会离开座位，你说我要是老消失，也不好吧。。</p>
                                        <span class="storey2"><a>支持</a><i>(0)</i></span>
                                        <span class="storey1"><a>回复</a><i>(0)</i></span>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <img class="media-left" src="bootstrap-3.3.5-dist/image/11.jpg">
                                    <div class="media-body111">
                                                <span>
                                                    <a href="" target="_blank">老姚</a>
                                                </span>
                                                <span class="storey">8F</span>
                                                    <p>我们组男生都不抽烟，更可悲的是，他们只有上厕所的时候才会离开座位，你说我要是老消失，也不好吧。。</p>
                                        <span class="storey2"><a>支持</a><i>(0)</i></span>
                                        <span class="storey1"><a>回复</a><i>(0)</i></span>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <img class="media-left" src="bootstrap-3.3.5-dist/image/88.jpg">
                                    <div class="media-body111">
                                                <span>
                                                    <a href="" target="_blank">cherish1ng</a>
                                                </span>
                                                <span class="storey">7F</span>
                                                    <p>话题嘛，随便说说了。 //@5丨ove丶佳：说点什么呢 ？</p>
                                        <span class="storey2"><a>支持</a><i>(0)</i></span>
                                        <span class="storey1"><a>回复</a><i>(0)</i></span>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <img class="media-left" src="bootstrap-3.3.5-dist/image/66.jpg">
                                    <div class="media-body111">
                                                <span>
                                                    <a href="" target="_blank">royneedyou</a>
                                                </span>
                                                <span class="storey">6F</span>
                                                    <p>浮躁，老坐着低头看电脑，劲椎就不舒服，一难受就恶心。。心烦。。</p>
                                        <span class="storey2"><a>支持</a><i>(0)</i></span>
                                        <span class="storey1"><a>回复</a><i>(0)</i></span>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <img class="media-left" src="bootstrap-3.3.5-dist/image/66.jpg">
                                    <div class="media-body111">
                                                <span>
                                                    <a href="" target="_blank">royneedyou</a>
                                                </span>
                                                <span class="storey">5F</span>
                                                    <p>我开个头吧，我想系统地学下动画，一直就拖着拖着。因为要做得事情太多了。。。总能找到各种借口，一直欠债的状态中。。</p>
                                        <span class="storey2"><a>支持</a><i>(0)</i></span>
                                        <span class="storey1"><a>回复</a><i>(0)</i></span>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <img class="media-left" src="bootstrap-3.3.5-dist/image/12.jpg">
                                    <div class="media-body111">
                                                <span>
                                                    <a href="" target="_blank">yzx1991</a>
                                                </span>
                                                <span class="storey">4F</span>
                                                    <p>浮躁up 继续up up up ..............直到浮躁到爆 浮躁就missing了</p>
                                        <span class="storey2"><a>支持</a><i>(0)</i></span>
                                        <span class="storey1"><a>回复</a><i>(0)</i></span>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <img class="media-left" src="bootstrap-3.3.5-dist/image/129.jpg">
                                    <div class="media-body111">
                                                <span>
                                                    <a href="" target="_blank">jsjcmq</a>
                                                </span>
                                                <span class="storey">3F</span>
                                                    <p>我喜欢四这个数字</p>
                                        <span class="storey2"><a>支持</a><i>(0)</i></span>
                                        <span class="storey1"><a>回复</a><i>(0)</i></span>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <img class="media-left" src="bootstrap-3.3.5-dist/image/127.jpg">
                                    <div class="media-body111">
                                                <span>
                                                    <a href="" target="_blank">小涛啊</a>
                                                </span>
                                                <span class="storey">2F</span>
                                                    <p>我来第二楼</p>
                                        <span class="storey2"><a>支持</a><i>(0)</i></span>
                                        <span class="storey1"><a>回复</a><i>(0)</i></span>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <img class="media-left" src="bootstrap-3.3.5-dist/image/11.jpg">
                                    <div class="media-body111">
                                                <span>
                                                    <a href="" target="_blank">老姚</a>
                                                </span>
                                                <span class="storey">1F</span>
                                                    <p>我要抢第一楼</p>
                                        <span class="storey2"><a>支持</a><i>(0)</i></span>
                                        <span class="storey1"><a>回复</a><i>(0)</i></span>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--主持人和等您参与最右边的-->
            <div class="col-xs-6 col-md-3">
                <div class="row">
                    <!--主持人-->
                    <div class="col-xs-6 col-md-12" style="margin-bottom: 20px;">
                        <img src="bootstrap-3.3.5-dist/image/zhuchi.jpg" width="360">
                        <a id="avatar" href="">
                            <img src="bootstrap-3.3.5-dist/image/11.jpg" width="70" height="70">
                        </a>
                        <div class="zhu"  style="background: #fff;">
                            <span style="color: #999!important;">主持人：</span>
                            <span style="font-size: 18px!important;">老姚</span>
                        </div>
                    </div>
                    <!--等您参与-->
                    <div class="col-xs-6 col-md-12">
                        <h3 class="titlebar"><span class="glyphicon glyphicon-option-vertical">等您参与</span></h3>
                    </div>
                    <!--等你参与下面的图片-->
                    <div class="col-xs-6 col-md-12">
                        <div id="yy" class="yy1">
                            <a href="http://www.w3cfuns.com/wht" target="_blank">
                                <div class="wht_box">
                                    <img style="position:relative;" src="bootstrap-3.3.5-dist/image/51.jpg">
                                    <div class="wht_info">
                                        <h5 style="color: white;">#你招一位搭档，技术男/技术菜的漂亮妹妹
                                            <br>，如何选择？#</h5>
                                        <button class="btn-primary">已有3588人参与</button>
                                    </div>
                                </div>
                            </a>
                            <a href="http://www.w3cfuns.com/wht" target="_blank">
                                <div class="wht_box">
                                    <img style="position:relative;" src="bootstrap-3.3.5-dist/image/52.jpg">
                                    <div class="wht_info">
                                        <h5 style="color: white;">#现在还看书吗，正在看什么书？#</h5>
                                        <button class="btn-primary">已有10613人参与</button>
                                    </div>
                                </div>
                            </a>
                            <a href="http://www.w3cfuns.com/wht" target="_blank">
                                <div class="wht_box">
                                    <img  style="position:relative;" src="bootstrap-3.3.5-dist/image/53.jpg">
                                    <div class="wht_info">
                                        <h5 style="color: white;">#你是如何搭上前端这班列车的？#</h5>
                                        <button class="btn-primary">已有9867人参与</button>
                                    </div>
                                </div>
                            </a>
                            <a href="http://www.w3cfuns.com/wht" target="_blank">
                                <div class="wht_box">
                                    <img style="position:relative;" src="bootstrap-3.3.5-dist/image/54.jpg">
                                    <div class="wht_info">
                                        <h5 style="color: white;">#微话题征集活动#</h5>
                                        <button class="btn-primary">已有4586人参与</button>
                                    </div>
                                </div>
                            </a>
                            <a href="http://www.w3cfuns.com/wht" target="_blank">
                                <div class="wht_box">
                                    <img  style="position:relative;" src="bootstrap-3.3.5-dist/image/505.jpg">
                                    <div class="wht_info">
                                        <h5 style="color: white;">#现在你浮躁嘛?如何克服浮躁心态？#</h5>
                                        <button class="btn-primary">已有19867人参与</button>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<!--页脚-->
    <footer>
        <!--页脚的第一排-->
        <div id="footabout">
            <a href="about/us" target="_blank">关于我们</a>
            <a href="about/business" target="_blank">商务合作</a>
            <a href="about/case" target="_blank">合作案例</a>
            <a href="about/contact" target="_blank">商务联系</a>
            <a href="about/regpact" target="_blank">注册协议</a>
            <a href="about/disclaimer" target="_blank">免责声明</a>
            <a href="about/privacy" target="_blank">版权隐私</a>
            <a href="http://weibo.com/login.php" target="_blank">新浪微博</a>
        </div>
        <!--页脚的第二排-->
        <p style="margin: 0;text-align: center;color: #aaa;background: none;padding:0;">"Copyright ©"
            <a href="">W3Cfuns.com</a>
            "All Rights Reserved."
            <a href="http://www.miitbeian.gov.cn/">京ICP备10055601号-2</a>
        </p>
        <!--页脚的第三排-->
        <div style="padding: 11px 0;height: 38px;text-align: center;overflow: hidden;">
            <b>合作伙伴:</b>
            <a href="https://www.upyun.com/zh/index.html" target="_blank">
                <img src="bootstrap-3.3.5-dist/image/195822cyg228re97eg2s1l.png">
            </a>
        </div>
    </footer>

    <script type="text/javascript" src="bootstrap-3.3.5-dist/js/jquery.js"></script>
    <script type="text/javascript" src="bootstrap-3.3.5-dist/js/zzsc.js"></script>
    <script type="text/javascript" src="bootstrap-3.3.5-dist/js/jquery-1.12.3.min.js"></script>
    <script type="text/javascript" src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
</body>
</html>